<!--
 * @Author: 徐建辰
 * @Date: 2022-02-14 16:52:42
 * @LastEditTime: 2022-02-17 17:27:31
 * @LastEditors: 徐建辰
 * @Description: 
-->
<template>
  <div class="about">
    <div class="about-body">
      <img class="intro-img" src="https://s.yezgea02.com/1604046067055/WechatIMG30231.jpeg" alt="">
      <van-divider :style="style">简介</van-divider>
      <div>此项目是使用了 newbee-mall 最初的设计并搭配vue最新的脚手架：vite开发的，vue版本为3.2.8，仅作为学习使用，不得用于违法犯罪活动</div>
      <van-divider :style="style">开源地址</van-divider>
      <div>
        <div>掘金小册配套学习文档：<a target="_blank" href="https://juejin.im/book/6844733826191589390">《Vue 商城项目开发实战》</a></div>
        <br/>
        <div>后端 API 地址：<a target="_blank" href="https://github.com/newbee-ltd/newbee-mall-api">https://github.com/newbee-ltd/newbee-mall-api</a></div>
        <br/>
        <div>前端 Vue2.x + Vant2.x 开源地址：<a target="_blank" href="https://github.com/newbee-ltd/newbee-mall-vue-app">https://github.com/newbee-ltd/newbee-mall-vue-app</a></div>
        <div>前端 Vue3.x + Vant3.x 开源地址：<a target="_blank" href="https://github.com/newbee-ltd/newbee-mall-vue3-app">https://github.com/newbee-ltd/newbee-mall-vue3-app</a></div>
        <br/>
        <div>线上预览地址：<a target="_blank" href="http://47.99.134.126:5000/">http://vue-app.newbee.ltd</a></div>
      </div>
    </div>
  </div>
</template>

<script setup>
const style = {color: '#1baeae', borderColor: '#1baeae', fontSize: '20px', fontWeight: 500}
</script>

<style lang="less" scoped>
.about {
  box-sizing: border-box;
  padding: 20px;
  .intro-img {
    width: 100%;
  }
  .about-body {
    font-size: 16px;
    a {
      color: #007fff;
    }
  }
}
</style>